<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <ul class="list">
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
        <li>mysql</li>
        <li>java</li>
        <li>python</li>
        <li>bigdata</li>
        <li>php</li>
    </ul>
</body>
<script>

    var ele = select("h");
    console.log(ele);

    // 获取伪元素相关内容
    // getComputedStyle(ele, "after")

    function select(searchKey){
        var arr = [];
        // 先获取所有的元素
        var ali = document.querySelectorAll(".list li")
        // 遍历
        for(var i=0;i<ali.length;i++){
            // console.log(ali[i].innerHTML)
            // console.log(typeof ali[i].innerHTML)
            // 获取元素内容，并判断内容中是否包含
            if(ali[i].innerHTML.indexOf(searchKey) !== -1){
                // 找到指定元素，操作
                arr.push(ali[i])
            }
        }
        return arr;
    }

</script>
</html>